<template>
  <!-- <div>收款计划管理</div> -->
  <VPage>
    <div class="mx-[10px]">
      <el-tabs v-model="activeName">
        <el-tab-pane label="滚动周计划" name="1"></el-tab-pane>
        <el-tab-pane label="月计划" name="2"></el-tab-pane>
        <!-- <el-tab-pane label="上传" name="3"></el-tab-pane> -->
      </el-tabs>
    </div>
    <template v-if="activeName == '1'">
      <WeekPlan :optionsData="optionsData" />
    </template>
    <!-- <template v-else-if="activeName == '3'">
      <Upload />
    </template> -->
    <template v-else>
      <MonthPlan :optionsData="optionsData" />
    </template>
  </VPage>
</template>
<script setup>
import MonthPlan from "./components/month-plan/index.vue";
import WeekPlan from "./components/week-plan/index.vue";
// import Upload from "./components/upload/index.vue";
import { getPlatform, getCurrency } from "@/api/index.js";
const activeName = ref("1");
const optionsData = reactive({});
const getPlatformlist = async () => {
  const { data } = await getPlatform();
  optionsData.platform = data || [];
};
getPlatformlist();
const getCurrencyList = async () => {
  const { data } = await getCurrency();
  optionsData.currency = data || [];
};
getCurrencyList();
</script>
<style scoped lang="scss">
:deep(.el-tabs__header) {
  margin: 0;
}
</style>
